<!DOCTYPE html>
<html lang="zh-CN">
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
	<meta name="renderer" content="webkit">
	<title>Bootstrap 101 Template</title>
	<!-- Bootstrap -->
	<link href="css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
	<div class="container">
		<h1>你好，世界！<small>.container 固定宽度</small></h1>
	</div>
	<div class="container-fluid">
		<h1>你好，世界！<small>.container-fluid 100%全屏宽度</small></h1>
		<p>未添加 .lead 类作为对比 </p>
		<p class="lead">中心内容。通过添加 .lead 类可以让段落突出显示。</p>
		<del>文本删除标记！ </del><br>
		<s>无用文本！ </s><br>
		<ins>插入文本！ </ins><br>
		<u>下划线文本！ </u><br>
		<h1>父容器H1<small>小号文本，父容器字体大小85%！ </small></h1><br>
		这是一段着重字体演示！<strong>着重字体！ </strong><br>
		这是一段斜体强调演示！<em>斜体字！</em><br>
		HTML5的b标签演示！ <b>b标签用于高亮单词或短语，不带有着重意味！ </b><br>
		HTML5的i标签演示！ <i>i标签主要用于发言、技术词汇</i>
		<p class="text-left">这是文本左对齐</p>
		<p class="text-right">这是文本右对齐</p>
		<p class="text-center">这是文本中间对齐</p>
		<p class="text-justify">这是文本两端对齐</p>
		<p class="text-nowrap">这是文本不换行</p>
		<p class="text-uppercase">这是全部大写 text-uppercase</p>
		<p class="text-lowercase">这是全部小写 TEXT-UPPERCASE</p>
		<p class="text-capitalize">这是首字母大写 text-uppercase</p>
		这是缩略语<abbr title="abbreviation">abbr</abbr>
		<p></p>
		<p></p>
		<p></p>
				<p></p>
		<p></p>
		<p></p>
				<p></p>
		<p></p>
		<p></p>		<p></p>
		<p></p>
		<p></p>		<p></p>
		<p></p>
		<p></p>		<p></p>
		<p></p>
		<p></p>		<p></p>
		<p></p>
		<p></p>		<p></p>
		<p></p>
		<p></p>		<p></p>
		<p></p>
		<p></p>
	</div>
	<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
	<script src="js/jquery-3.2.1.js"></script>
	<!-- Include all compiled plugins (below), or include individual files as needed -->
	<script src="js/bootstrap.min.js"></script>
</body>
</html>